/* iPad竖屏 */
@media (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) {
  /* iPad竖屏样式 */
  body {
    background-color: lightgreen;
  }
}

/* iPad横屏 */
@media (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) {
  /* iPad横屏样式 */
  body {
    background-color: lightcoral;
  }
}